<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>优学网登录</title>
    <link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
  
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <!-- 头部 -->
    <div class="wrap">
        <div class="header">
            <div class="inner clearfix">
                <div class="row1-left fl">
                    <h1 class="row1-left1 fl">
                        <a href="javascript:;" title="优学网">
                            优学网
                        </a>
                    </h1>
                    <ul class="row1-left2 fl clearfix">
                        <li><a href="javascript:;">首页</a>
                            <img src="./images/bigsmall.jpg" alt="">
                        </li>
                        <li><a href="javascript:;">在线就业班</a>
                            <img src="./images/bigsmall.jpg" alt="">
                        </li>
                        <li class="jpkc"><a href="javascript:;">精品课程</a>
                            <img src="./images/bigsmall.jpg" alt="">
                            <ul>
                                <li>免费课程</li>
                                <li>精品网课</li>
                            </ul>
                            <div class="row1-left2xsj"></div>
                        </li>
                        <li><a href="javascript:;">在线直播</a>
                            <img src="./images/bigsmall.jpg" alt="">
                        </li>
                        <li><a href="javascript:;">IT培训机构</a>
                            <img src="./images/bigsmall.jpg" alt="">
                        </li>
                        <li><a href="javascript:;">APP下载</a>
                            <img src="./images/bigsmall.jpg" alt="">
                        </li>
                    </ul>
                </div>
                <div class="row1-right fr clearfix">
                    <input type="text" placeholder="搜索课程">
                    <img class="row1Dw" src="./images/etk_09.jpg" alt="">
                    <img src="./images/shopbar.jpg" alt="">
                    <div>
                        <img src="./images/ujyx_14.jpg" alt="">
                        <ul class="dengluma">
                            <li class="first">
                                <div class="dlmxsj">
                                </div>
                                <div class="left fl">
                                    <img src="./images/ujyx_16.jpg" alt="">
                                </div>
                                <div class="right fl">
                                    <p>扫码下载</p>
                                    <p>IT优学APP</p>
                                </div>
                            </li>
                            <li>
                                <div class="left fl">
                                    <img src="./images/ujyx_17.jpg" alt="">
                                </div>
                                <div class="right fl">
                                    <p>扫码下载</p>
                                    <p>IT优学APP</p>
                                </div>
                            </li>
                            
                        </ul>
                    </div>
                    <a href="./02 login.html" target="_blank" >登录</a>
                    <a href="./03 register.html">注册</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间表单的登录模块 -->
    <div class="body inner">
        <form action="">
            <span>
                <b>手机：</b>
                <input type="tel"  class="tel" placeholder="请输入手机号" autofocus>
            </span>
            <span>
                <b>密码：</b>
                <input type="password" class="password" placeholder="请输入密码">
            </span>
            <span>
                <button type="submit">登录</button>
            </span>
            <span>
                <a href="#">找回密码</a>
                <a href="./03 register.html" target="_blank">注册</a>
            </span>
        </form>
        <div class="r">
            <dl>
                <dt>使用合作账号一键登录：</dt>
                <dd>
                    <a href="#">
                        <img src="./images/qq.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/weibo.jpg" alt="">
                    </a>
                    <a href="#">
                        <img src="./images/weixin.jpg" alt="">
                    </a>
                </dd>
            </dl>
            <dl>
                <dt>用户专享服务：</dt>
                <dd>极致的视频学习体验</dd>
                <dd>丰富的直播课程免费学 </dd>
                <dd>开课提醒，不错过每一次精彩</dd>
                <dd>讲、学、练、考，多种高效学习方式快速提升成绩</dd>
            </dl>
        </div>
    </div>
    <div class="footer">
        <div class="fleft">
            <ul class="clearfix">
                <li> 
                    <a href="#">关于我们</a> 
                </li>
                <li> 
                    <a href="#">联系我们</a> 
                </li>
                <li>
                    <a href="#">加入我们</a>
                </li>
                <li>
                    <a href="">品牌荣誉</a>
                </li>
                <li>
                    <a href="#"> 版权申明</a>
                </li>
                <li>
                    <a href="#"> 网站地图</a>
                </li>
                <li>
                    <a href="#">支付方式</a>
                </li>
            </ul>
            <p>
                京ICP备10218183号-88 京ICP证161188号 <img src="./images/footer_03.jpg" alt=""> 京公网安备110108002020723号 <img src="./images/footer_05.jpg" alt="">
            </p>
            <div>
                Copyrights 1999-2020 北京中公教育科技有限公司 .All Rights Reserved 
            </div>
        </div>
    </div>
    <script src="./js/login.js"></script>
    
</body>
</html>